<style>
    .ztree li a.curSelectedNode{
        background:none;
        border:none;
        color: #2682FF;
    }
    .ztree li span.button.diy_ico_open,.ztree li span.button.diy_ico_close{
     width: 0px;
    }
    .ztree li .curSelectedNode span.button.diy_ico_docu{
        background: url("${ctx}/qbdmsStatic/images/spot2.png") no-repeat 0 0;
    }
    .ztree li span.button.diy_ico_docu{
        background: url("${ctx}/qbdmsStatic/images/spot1.png") no-repeat 0 0;
    }
    .ztree li span.button.root_close,.ztree li span.button.center_close,.ztree li span.button.bottom_close{
        background: url("${ctx}/qbdmsStatic/images/plus.png") no-repeat 0 0;
    }
    .ztree li span.button.root_open,.ztree li span.button.center_open,.ztree li span.button.bottom_open{
        background: url("${ctx}/qbdmsStatic/images/minusSign.png") no-repeat 0 0;
    }
    .orgTreeCont{
        float:left;
        top:8px;
        bottom: 0px;
        overflow: auto;
        border: 1px solid rgba(229,240,255,1);
    }
    .orgTreeCont>p {
        height: 30px;
        background-color: rgba(229,240,255,1)!important;
        line-height: 30px;
        display: block;
        text-indent: 1em;
    }
    .selectorLi{
        float: right;
        width: 180px;
        height: 100%;
        border: 1px solid rgba(229,240,255,1);
    }

    .selectorLi>p{
        display: block;
        height: 30px;
        line-height: 30px;
        background: rgba(229,240,255,1);
        text-indent: 1em;
        padding-right: 10px;
    }
    .selectorLi>p>i{
        float: right;
        color: #fff;
    }

    .selectorListTab{
        margin: 0px 187px 0 0px;
    }
    .selch>a{
        margin: 4px;
    }
    .selch label.layui-form-label{
        padding-top: 4px;
    }
    .selch a.fillBtn{
        right: 15px;
        position: absolute;
        top: 12px;
    }
    .selch>div{
        margin-right: 80px;
    }
    .selectPop{
        padding: 14px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        height: 100%;
        float: left;
        width: 100%;
        overflow: hidden;
    }
    .ztree{
        position: absolute;
        background: #fff;
        bottom: 0px;
        top: 30px;
        right: 0;
        left: 0;
        overflow: auto;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }
    .layui-table-view,.selch{
        margin: 0;
    }
    .selectorTake{
        float: left;
        overflow: auto;
        height: 90%;
        width: 100%;
    }
    .selectorTake li{
        float: left;
        width: 100%;
        height: 38px;
        line-height: 38px;
        border-bottom: 1px solid #e6e6e6;
    }
    .selectorTake li p{
        float: left;
        height: 38px;
        line-height: 38px;
        width: 90%;
        word-wrap: break-word;
        word-break: break-all;
        overflow: hidden;
        text-indent: 10px;
    }
    .selectorTake li i{
        cursor: pointer;
    }
</style>
<div class="selectPop">
    <div class="ccpui-trees orgTreeCont" >
        <p class="isShowTree colorSwitch">
            <span>按组织查找</span>
            <!--<span style="float: left;color: #fff">&nbsp;&nbsp;待办事宜</span>-->
            <i layadmin-event="treeFlexible" class="layui-icon layui-icon-prev"></i>
        </p>
        <div style="margin-top: 6px;" >
            <ul id="orgTree" class="ztree"></ul>
        </div>
    </div>

    <!--<div class="orgTreeCont">-->
        <!--<span>按组织查找 <i layadmin-event="treeFlexible" class="layui-icon layui-icon-prev"></i></span>-->

        <!--<ul id="orgTree" class="ztree"></ul>-->
    <!--</div>-->
    <div class="selectorLi">
        <p>
            <span>已选择</span>
            <i layadmin-event="treeFlexible" class="layui-icon layui-icon-next"></i>
        </p>

        <ul class="selectorTake">

        </ul>
    </div>
    <div class="selectorListTab ccpui-coreContent">
        <table class="layui-hide" id="selectorListTab" lay-filter="selectorListTab"></table>
    </div>
    <script type="text/html" id="headerManagement">
        <form class="layui-form" lay-filter="selectorQueryForm"  onsubmit="return false">
            <div class="layui-form-body selch" style="height: 100%;">
                    <div >
                        <label class="layui-form-label">名称</label>
                        <div class="layui-input-block" style="    margin-left: 80px;">
                            <input type="text" class="layui-input filter-value"  name="selectorSearch" placeholder="请输入"/>
                        </div>
                    </div>
                    <a class="layui-btn layui-btn-sm fillBtn" lay-event="query">
                        <span>查询</span>
                    </a>
            </div>
        </form>
    </script>
</div>
